<template>
    <div class="col-xl-4 col-lg-6 mb-30 col-md-6" v-for="item in profileList">
        <div class="event-item">
            <div class="event-short">
                <div class="featured-img y-middle media-icon yellow-color"><a :href="item.url" class="img-link"><img
                            :src="item.img"></a> <!---->
                    <!---->
                </div>
                <div class="content-part">
                    <h4 class="title text-ellipsis"><a :href="item.url">{{ item.title }}</a>
                    </h4>
                    <p class="text text-ellipsis-3">
                        {{ item.text }}
                    </p>
                    <div class="event-btm">
                        <div class="date-part">
                            <div class="date"><i class="fa fa-calendar-check-o"></i>
                                {{ item.time }}
                            </div>
                        </div>
                        <div class="btn-part"><a :href="item.url">详情</a></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-9 rs-event mb-30" v-if="profileList.length == 0">
        <div class="nodata">暂无记录...</div>
    </div>
</template>
<script setup>
import { ref } from 'vue';
const props = defineProps({
    profileList: {
        type: Array,
        default: () => []
    }
})
</script>